<template>
    <div class="notice">
      <h1 class="f18 tc pb20">星期三单品实惠价，数量有限，先下手先得！！！</h1>
      <p class="f12 tc pb15" style="color: #999; line-height: 1.5; border-bottom: 1px #eee dashed;">预览: <span>46</span> 次 / 发布时间：<span>2018-08-29</span></p>
      <div class="notice-content pt10">
        <p>星期三单品特价活动开始啦！！！单品实惠价，数量有限，先下手先得！！</p>
      </div>
      <ul class="pt15">
        <li>
          <strong>上一条：</strong>没有
        </li>
        <li>
          <strong>下一条：</strong>没有了
        </li>
      </ul>
    </div>
</template>

<script type="ECMAScript 6">
  export default {
    name: "notice"
  };
</script>

<style lang="stylus" scoped>
  .notice
    padding 10px 20px;
  .notice-content
    font-size 14px; color #525252; line-height 1.5;
  ul
    li
      display flex; align-items center; font-size 16px; color #999; padding-bottom 10px;
      strong
        color #525252;
</style>
